<template>
	<view>
		

		<view class="reg_box">
			<view class="logoCon">
				<view class="logoPic">
					<image src="/static/logo.png" mode=""></image>
				</view>
				<view class="logoName">
					<text>记工本记账·数据永久保存</text>
					<text>专业的建筑工地记工记账</text>
				</view>
			</view>
			<!-- #ifdef MP-WEIXIN -->
				<view class="loginBtn" @click="wxFastLogin" >
					微信快捷登录
				</view>
				
				
			<!-- #endif -->
			
			<!-- #ifdef APP-PLUS -->
			<!-- 微信快捷登录:app -->
				<view class="loginBtn" @click="appFastLogin" v-if="platform!='ios'">
					微信快捷登录
				</view>
				<view class="loginBtn" @click="codeLogin" v-if="platform=='ios'">
					手机号登录
				</view>
				
			<!-- #endif -->
			
			<view class="noticeBox">
				<checkbox-group @change="changeNotice">
				<checkbox value="noticeYse" color="#327FE8" :checked="noticeText?true:false"  />同意并已阅读<text @click="toSystemDetail(1)">用户服务协议</text>、<text @click="toSystemDetail(3)">会员协议</text>和<text @click="toSystemDetail(2)">隐私协议</text>
				</checkbox-group>
			</view>
			<!-- <view class="otherBtn" @click="mobileLogin">
				其他登陆方式
			</view> -->
			
			
			<view class="backHome" @click="backHomeDoing">
				返回首页 暂不登陆
			</view>
			
			<!-- 微信快捷登录:小程序 -->
			<view class="quickBox">
			
				<!-- #ifdef MP-WEIXIN -->
				<view class="loginBtm_con" @click="codeLogin">
					<view class="wxIcon">
						<image src="../../static/signType2.png" mode=""></image>
					</view>
					<view class="wxLogin">手机登陆</view>
				</view>
				<view class="loginBtm_con" @click="wxFastLogin">
					<view class="wxIcon">
						<u-icon name="weixin-circle-fill" color="#50B674" size="100"></u-icon>
					</view>
					<view class="wxLogin">微信登陆</view>
				</view>
				<!-- #endif -->
				
				<!-- #ifdef APP-PLUS -->
				<view class="loginBtm_con" @click="mobileLogin">
					<view class="wxIcon">
						<image src="../../static/signType3.png" mode=""></image>
					</view>
					<view class="wxLogin" v-if="platform!='ios'">免密登陆</view>
				</view>
				<view class="loginBtm_con" @click="codeLogin" v-if="platform!='ios'">
					<view class="wxIcon">
						<image src="../../static/signType2.png" mode=""></image>
					</view>
					<view class="wxLogin" v-if="platform!='ios'">手机登陆</view>
				</view>
				<!-- 微信快捷登录:app -->
				<view class="loginBtm_con" @click="appFastLogin" >
					<view class="wxIcon">
						<u-icon name="weixin-circle-fill" color="#50B674" size="100"></u-icon>
					</view>
					<view class="wxLogin" v-if="platform!='ios'">微信登录</view>
				</view>
				
				<view class="loginBtm_con" @click="appleFastLogin" v-if="platform=='ios'">
					<view class="wxIcon">
						<image src="../../static/signType4.png" mode=""></image>
					</view>
					<!-- <view class="wxLogin">苹果登录</view> -->
				</view>
				<!-- #endif -->
			</view>
			
			
			<u-popup mode="center" v-model="xieyiShow" border-radius="10" duration="0">
				<view class="xieyiBox">
					<view class="xieyiTitle">
						温馨提示
					</view>
					<view class="xieyiContent">
						为了更好保障您的合法权益，请您阅读并同意《用户协议》和《隐私协议》内容
					</view>
					<view class="xieyiBtn">
						<view class="xieyiLeft" @click="xieyiShow=false">
							取消
						</view>
						<!-- #ifdef APP-PLUS -->
						<view class="xieyiRight" @click="agareeLogin(1)">
							同意并登录
						</view>
						<!-- #endif -->
						<!-- #ifdef MP-WEIXIN -->
						<view class="xieyiRight" @click="agareeLogin(2)">
							同意并登录
						</view>
						<!-- #endif -->
					</view>
				</view>
			</u-popup>
			
			
			
			<!-- 弹出协议框 -->
			<view class="noticeMessageBg" v-if="noticeMessage">
				
			</view>
				<view class="noticeMessageBox" v-if="noticeMessage">
					<view class="notiecTitle">
						通知
					</view>
					<view class="noticeMain">
						<rich-text :nodes="noticeMain"></rich-text>
					</view>
					<view class="noticeBtn" @click="closenotice">
						我已知晓
					</view>
				</view>
			

		</view>
	</view>
</template>

<script>
	// #ifdef APP-PLUS
	var MNOModule = uni.requireNativePlugin("Esand-MNOModule")
	var secretKey;
	var authUIConfigJson = "{\n" +
	        "    \"prefersStatusBarHidden\":true,\n" +
	        "    \"logoImgPath\":\"cscs\"\n" +
	        "}"
	// #endif
	export default {
		data() {
			return {
				
				xieyiShow:false,
				noticeMessage:false,
				noticeMain:'',
				// 短信验证码
				mobile: '',
				interval: '',
				time: '获取验证码',
				currentTime: 61,
				disabled: false,
				osType:'',
				noticeText:'',
				appStatus:2,
				platform:'',
			};
		},
		onShow() {
			var _this = this;
			let platform = uni.getSystemInfoSync().platform;
			_this.platform=platform
			console.log('platform===')
			console.log(platform)
		},
		onReady(){
			this.getAppStatus();
		},
		methods: {
			
			
			closenotice(){
				var _this=this;
				_this.noticeMessage=false;
				
				_this.$u.post('/api/user.index/setAgree', {
					
				}).then(e => {
					uni.reLaunch({
						url:'/pages/index/index'
					})
				})
				
				
			},
			appleFastLogin(){
				console.log('苹果登录')
				var _this = this;
				var noticeText=this.noticeText;
				if(!noticeText){
					uni.showModal({
						title:'提示',
						content:'请同意用户服务协议和隐私协议',
						showCancel:false,
						success(){
							return;
						}
					})
					//_this.xieyiShow=true;
					return;
				}
				uni.login({
					provider:"apple",
					success(res){
						_this.$u.post('/api/user.reg/appleLogin', {
							'text':JSON.stringify(res)
						}).then(e => {
							console.log(e)
							// 缓存token
							uni.setStorageSync('token', e.data.token);
							// 缓存用户信息
							uni.setStorageSync('userInfo', e.data);
							uni.reLaunch({
								url:'/pages/index/index'
							})
						})
						
					},fail(res){
						console.log(res)
					}
				})
			},
			changeNotice(e){
				console.log(e.detail.value[0])
				this.noticeText=e.detail.value[0]
			},
			
			
			//跳转到详情
			toSystemDetail(id){
				uni.navigateTo({
					url:'/pagesOther/user/articleDetail?id='+id
				})
			},
			//手机验证码登陆
			codeLogin(){
				var _this=this;
				var noticeText=this.noticeText;
				// if(!noticeText){
				// 	// uni.showModal({
				// 	// 	title:'提示',
				// 	// 	content:'请同意用户服务协议和隐私协议',
				// 	// 	showCancel:false,
				// 	// 	success(){
				// 	// 		return;
				// 	// 	}
				// 	// })
				// 	_this.xieyiShow=true;
				// 	return;
				// }
				uni.navigateTo({
					url:'/pages/login/loginMobile'
				})
			},
			mobileLogin(){
				var _this=this;
				var noticeText=this.noticeText;
				// if(!noticeText){
				// 	// uni.showModal({
				// 	// 	title:'提示',
				// 	// 	content:'请同意用户服务协议和隐私协议',
				// 	// 	showCancel:false,
				// 	// 	success(){
				// 	// 		return;
				// 	// 	}
				// 	// })
				// 	_this.xieyiShow=true;
				// 	return;
				// }
				// #ifdef APP-PLUS
					this.getPhoneNumber()
				// #endif
				// #ifdef MP-WEIXIN
				uni.navigateTo({
					url:'/pages/login/loginMobile?isOpenWx='+this.appStatus
				})
				// #endif
				
			},
			// 获取手机号码
			inputMobile: function(e) {
				// console.log(e)
				var _this = this;
				_this.mobile = e.detail.value;
			},

			// 点击获取验证码
			getCode: function() {
				var _this = this;
				var verifyMobile = _this.$u.test.mobile(_this.mobile); // 校验手机号
				if (verifyMobile) {
					_this.codeBtn_tips();
					_this.disabled = true;
					_this.sendSms();
				} else {
					uni.showToast({
						title: '输入手机号格式不正确',
						icon: 'none'
					});
				}
			},
			
			// 获取审核状态
			getAppStatus: function() {
				var _this = this;
				_this.$u
					.get('/api/index/getAppale', {
						
					})
					.then(res => {
						_this.appStatus=res.data;
					})
					.catch(res => {
						console.log(res);
					});
			},
			// 发送验证码
			sendSms: function() {
				var _this = this;
				_this.$u
					.get('/api/common/get_sms', {
						mobile: _this.mobile
					})
					.then(res => {
						console.log('==获取短信验证码==');
						console.log(res);
						uni.hideLoading();
						uni.showToast({
							title: '验证码已发送',
							icon: 'none'
						});
					})
					.catch(res => {
						console.log(res);
					});
			},

			// 修改按钮文字
			codeBtn_tips: function(options) {
				var _this = this;
				var currentTime = _this.currentTime;
				_this.interval = setInterval(function() {
					currentTime--;
					_this.time = currentTime + '秒后重发';
					if (currentTime <= 0) {
						clearInterval(_this.interval);
						_this.time = '重新发送';
						_this.currentTime = 61;
						_this.disabled = false;
					}
				}, 1000);
			},

			// 提交
			regSubmit(e) {
				// console.log(e);
				var _this = this;
				var formData = e.detail.value;

				if (!formData.mobile) {
					uni.showModal({
						content: '手机号码不能为空',
						showCancel: false
					});
					return;
				}

				if (!formData.password) {
					uni.showModal({
						content: '密码不能为空',
						showCancel: false
					});
					return;
				}

				_this.$u.post('/api/user.reg/login_do', formData)
					.then(res => {
						console.log(res);
						uni.showToast({
							title: res.msg,
							duration: 2000
						});

						// 缓存token
						uni.setStorageSync('token', res.data.token);

						// 缓存用户信息
						uni.setStorageSync('userInfor', JSON.stringify(res.data.userinfo));

						setTimeout(function() {
							uni.reLaunch({
								url: '/pages/index/index'
							});
						}, 1000);
					})
					.catch(res => {
						console.log(res);
					});
			},

			// 页面跳转
			goPage(url) {
				uni.navigateTo({
					url: url
				});
			},
			
			
			getPhoneNumber: function(e) {
				var _this=this;
				uni.showLoading({
					title:'服务认证中'
				})
				let platform=uni.getSystemInfoSync().platform
				if(platform=='ios'){
					authUIConfigJson = "{\"prefersStatusBarHidden\":true,\"logoImage\":\"logo\",\"checkBoxIsChecked\":true,\"logoWidth\":10.11123,\"logoHeight\":11.11,\"logoTopOffetY\":10.123,\"numberColor\":\"0x000000\",\"navTitle\":\"一键登录\",\"navTitleColor\":\"0x000000\",\"navColor\":\"0xFFFFFF\",\"navTitleFont\":20}"
					// 密钥是和APP绑定的，需要向服务提供商申请，可加微信：esand_info, ANDROID和IOS的密钥不一样
					secretKey = "4UZI9rnefV2S32G8y1uxLDYn/oda9iscY1r1Xkh+bOOWyG7Tn7wdt31nOtLbtPtLY9LIQPwEmsC2f3v5t1wLzJQJwNjapplCT74x4Ur3IwJ3DHKyObsNlcYmbPs9cTt9HdyGXYcRIJgGpK0tEzzl+1bV02hfeLM9ViMufH2RFxG2vylyzW8jxgTD/PAQlwP/BKO/x+SO7uByMz1+sWjsFsLCJiUGx01SAktBVepRDIfrmz/iAMV3unw8+gpjZHjNUjEoF3K4pS2MziHmWDFg/w=="
				} else  {
					let authUIConfig = {}
					authUIConfig.navColor = "0x00000000"
					authUIConfig.setNavColor = "0x00000000"
					authUIConfig.navTextColor = "0xFF000000"
					authUIConfig.isLightColor = true
					authUIConfig.navReturnImgWidth
					authUIConfig.navReturnImgWidth = 106
					authUIConfig.navReturnImgHeight = 10
					authUIConfig.navReturnScaleType = 6
					authUIConfig.navReturnImgPath = "back"
					authUIConfig.logoImgPath = "static/wulianwang-.png"
					authUIConfigJson = JSON.stringify(authUIConfig)
					authUIConfig.sloganText = '记工本提供认证服务'
					// 这里客制化一键登录授权页面,详细可参考: https://esandinfo.yuque.com/books/share/5ddd649d-2afa-48e6-bb07-633105dfec88?#
					// authUIConfigJson = "{\"privacyState\":true,\"logoImgPath\":\"cscs\",\"navHidden\":true,\"iconLayoutOffSetY\":600,\"iconLayoutWidth\":150}"
					// 密钥是和APP绑定的，需要向服务提供商申请，可加微信：esand_info, ANDROID和IOS的密钥不一样
					secretKey = "VozMlbkqE2dCZfko+Tdz0vbwkv3jgBTux7Hhb1FIvqK1Pbhku30G9rK4R7oiWynIZMt3MGIzeAJO9eP/8N7jk5SeMLV+oFDF4dKrHMynzaxbtHMVKOxd0K4wTc2hIw5lDCHfmduIhk0Cuxvg6MD/5iTHlPZk8bA0T+mrec9EcsCWaoRGOzRNVdyrIkaX3nAGGyt3tMCgnKsJhGG40pSQ7P6fptgD3ZU2XP6k0XBgbQ4VyRpquLRNFbjmas0qN/OPSl3zD1cq2iaOVrlZp/NzMb5gIVheufjLZ8bqC40wYL8hM3Peg2Ltjbo4PlGaZrgk"
				}
				MNOModule.getPhoneNum({
					'secretKey': secretKey,
					'authUIConfigJson': authUIConfigJson
			
				}, (ret) => {
					
					
					if (ret.code == '0') {
						let dataBody = ret.data
						
						let dataBodyJson = JSON.parse(dataBody)
						console.log(dataBodyJson)
						uni.request({
							url: 'http://edismno.market.alicloudapi.com/mno/getMobile',
							method: 'POST',
							data: {
								'deviceModel': dataBodyJson.deviceModel,
								'packageId':dataBodyJson.packageId,
								'platform':dataBodyJson.platform,
								'token':dataBodyJson.token,
								'transId':dataBodyJson.transId,
								'appName':dataBodyJson.appName,
								'phoneNum':dataBodyJson.phoneNum
							},
							header: {
								// APPCODE是阿里云网关密钥，不建议直接在APP端直接请求阿里云网关，因为会泄漏APPCODE, 可以把这段逻辑写到服务器端，然后再请求服务器
								'Authorization': 'APPCODE 2fe2f1e1e50b4f8d8c9ff233eabf21a5',  // appcode的获取可参考： https://esandinfo.yuque.com/docs/share/13ad611e-b9c3-4cf8-a9a8-fe23a419312e?# 《如何获取APPCODE/APPKEY&APPSECRET》
								'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
							},
							success: (res) => {
								
								_this.$u.post('/api/project.work/userError', {
									'text':JSON.stringify(res)
								}).then(res => {
								})
								// res.header
								var rspMsg = JSON.stringify(res.data)
								console.log(res);
								// console.log('网络请求成功' + rspMsg)
								// var rspMsgData = JSON.stringify(rspMsg);
								var mobile=res.data.msg
								
								
								this.mobileLoginDoing(mobile);
								
								
							}
						})
						uni.hideLoading()
					}else{
						console.log(ret)
						uni.showModal({
							title: "获取结果",
							content: ret.msg,
							success(res){
								if(res.confirm){
									uni.navigateTo({
										url:'/pages/login/loginMobile?isOpenWx='+this.appStatus
									})
								}
							}
						})
						this.msg = JSON.stringify(ret);
						_this.$u.post('/api/project.work/userError', {
							'text':JSON.stringify(ret)
						}).then(res => {
						})
						uni.hideLoading()
					}
				})
				
				setTimeout(function(){
					uni.hideLoading()
				},5000)
			},
			
			
			//手机号好
			mobileLoginDoing(mobile){
				var _this=this;
				_this.$u.post('/api/user.reg/quickMobileLogin', {
					mobile: mobile
				}).then(res => {
					
							
					// 缓存token
					uni.setStorageSync('token', res.data.token);
					// 缓存用户信息
					uni.setStorageSync('userInfo', res.data);
					uni.reLaunch({
						url:'/pages/index/index'
					})
					// uni.navigateBack()
					_this.$isResolve();
					// _this.getDefaultWorksite();
				}).catch(err => {
					console.log(err);
				})
			},
			
			
			agareeLogin(type){
				var _this=this;
				_this.xieyiShow=false;
				_this.noticeText=1;
				if(type==1){
					// #ifndef APP-PLUS
					_this.appFastLogin();
					// #endif
				}else{
					// #ifdef MP-WEIXIN
					_this.wxFastLogin();
					// #endif
				}
				
			
				
			},
			// 微信快捷登录:小程序
			// 小程序端默认登录
			wxFastLogin() {
				var _this = this;
				
				var noticeText=_this.noticeText;
				if(!noticeText){
					// uni.showModal({
					// 	title:'提示',
					// 	content:'请同意用户服务协议和隐私协议',
					// 	showCancel:false,
					// 	success(){
					// 		return;
					// 	}
					// })
					_this.xieyiShow=true;
					return;
				}
				uni.login({
					success: function(loginRes) {
						console.log(loginRes);
						_this.$u.post('/api/Login/wxLogin', {
							code: loginRes.code
						}).then(res => {
							
			
							// 缓存token
							uni.setStorageSync('token', res.data.token);
							// 缓存用户信息
							uni.setStorageSync('userInfo', res.data);
							
							if(res.data.isNotice=='1'){
								_this.noticeMain=res.data.noticeText;
								_this.noticeMessage=true;
							}else{
								uni.reLaunch({
									url:'/pages/index/index'
								})
							}
							
							// uni.navigateBack()
							_this.$isResolve();
							// _this.getDefaultWorksite();
						}).catch(err => {
							console.log(err);
						})
					}
				});
			},
			
			
			
			backHomeDoing(){
				uni.reLaunch({
					url:'/pages/index/index'
				})
			},

			// 微信快捷登录:app
			appFastLogin: function() {
				var _this = this;
				var noticeText=this.noticeText;
				if(!noticeText){
					// uni.showModal({
					// 	title:'提示',
					// 	content:'请同意用户服务协议和隐私协议',
					// 	showCancel:false,
					// 	success(){
					// 		return;
					// 	}
					// })
					_this.xieyiShow=true;
					return;
				}
				uni.getProvider({
					service: 'oauth',
					success: function(res) {
						console.log(res.provider);
						//支持微信、qq和微博等
						if (~res.provider.indexOf('weixin')) {
							uni.login({
								provider: 'weixin',
								success: function(loginRes) {
									// 获取用户信息
									uni.getUserInfo({
										provider: 'weixin',
										success: function(inforRes) {
											console.log(2);
											console.log(inforRes);
											_this.$u.post('/api/user.reg/appWxLogin', {
												unionId: inforRes.userInfo.unionId,
												userInfo:inforRes.userInfo,
											})
											.then(res => {	
												console.log(3);
												// 缓存token
												console.log(res);
												uni.setStorageSync('token',res.data.token);
												// 缓存用户信息
												uni.setStorageSync('userInfor', res.data);
												setTimeout(function() {
													uni.reLaunch({
														url: '/pages/index/index'
													});
												}, 1000);
											})
											.catch(res => {
												console.log(4);
												console.log(res);
											});
										}
									});
								},
								fail: function(res) {
									console.log('App微信获取用户信息失败', res);
								}
							});
						}
					}
				});
			}
		}
	};
</script>

<style>
	page {
		background-color: #fff;
	}
</style>
<style scoped lang="scss">
	button {
		padding: 0;
		margin: 0;
		background: transparent;
		height: 100%;
		line-height: inherit;
		font-size: inherit;
	}

	button::after {
		border: 0;
		background-color: none;
	}

	.reg_box {
		padding: 0 60rpx;
	}

	// logo
	.logoCon {
		padding: 60rpx 0;
		text-align: center;
		overflow: hidden;
		margin-top: 100rpx;
	}

	.logoPic {
		width: 100%;
		overflow: hidden;
		width: 160rpx;
		height: 160rpx;
		float: left;
		margin-left: 40rpx;
	}

	.logoPic image {
		
		width: 140rpx;
		height: 140rpx;
	}

	.logoName {
		float: left;
		width: 380rpx;
		font-size: 32rpx;
		color:#666;
		margin-top:20rpx;
		text-align: left;
		margin-left: 20rpx;
		line-height: 50rpx;
	}
	.logoName text{
		display: block;
	}

	// 表单
	.regForm {
		overflow: hidden;
	}

	.regItem {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		padding: 0 10rpx 0 40rpx;
		background:#fff;
		border: 1rpx solid #e2e2e2;
		border-radius: 42rpx;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 40rpx;
		display: flex;
		align-items: center;
	}

	.regIcon {
		width: 40rpx;
		height: 40rpx;
	}

	.regCon {
		flex: 2;
		margin-left: 20rpx;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.regInput {
		width: 100%;
		height: 40rpx;
		line-height: 40rpx;
		text-align: left;
		font-size: 28rpx;
	}

	.regInput.codeInput {
		float: left;
		width: 220rpx;
	}

	.codeBtn {
		float: right;
		width: 200rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		font-size: 28rpx;
		color: #000;
		background: #f4f4f4;
		border-radius: 30rpx;
		overflow: hidden;
	}

	// 方式
	.regOption {
		padding-bottom: 40rpx;
		font-size: 28rpx;
		color: #666;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	// 注册
	.regPost_con {
		text-align: center;
		overflow: hidden;
	}

	.regPost_con .regBtn {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		background: #f90;
		font-size: 32rpx;
		font-weight: bold;
		color: #fff;
		border-radius: 42rpx;
		overflow: hidden;
	}

	// 微信快捷登录
	
	.quickBox{
		text-align: center;
		overflow: hidden;
		position: fixed;
		bottom: 90rpx;
		width: 500rpx;
		left: 50%;
		right: 0;
		margin-left: -250rpx;
		display: flex;
	}
	.loginBtm_con {
		text-align: center;
		// width: 33.33%;
		// float: left;
		flex: 1;
	}

	.loginBtm_con .wxIcon image {
		width: 92rpx;
		height: 92rpx;
	}

	.loginBtm_con .wxLogin {
		width: 100%;
		font-size: 28rpx;
		color: #666;
		margin-top: 10rpx;
	}
	
	.loginBtn{
		background-color: #327FE8;
		width: 550rpx;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		margin: 0 auto;
		border-radius: 10rpx;
		font-weight: bold;
		color: #fff;
		font-size: 36rpx;
		vertical-align: middle;
		margin-top: 150rpx;
	}
	.otherBtn{
		text-align: center;
		line-height: 150rpx;
	}
	
	.noticeBox{
		margin-top: 50rpx;
		font-size: 24rpx;
		padding-left: 36rpx;
	}
	.noticeBox text{
		color: #327FE8;
		text-decoration: underline;
	}
	
	//协议
	.xieyiBox{
		width: 650rpx;
		padding: 20rpx;
	}
	.xieyiTitle{
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
		height: 80rpx;
		line-height: 80rpx;
		margin-top: 30rpx;
	}
	.xieyiContent{
		text-align: center;
		line-height: 50rpx;
	}
	
	.xieyiBtn{
		overflow: hidden;
		padding: 20rpx 20rpx 0 20rpx;
	}
	.xieyiLeft,.xieyiRight{
		width: 270rpx;
		text-align: center;
		border-radius: 10rpx;
		border:2rpx solid #e2e2e2;
		float: left;
		height: 90rpx;
		line-height: 90rpx;
		text-align: center;
		color: #327FE8;
	}
	.xieyiRight{
		float: right;
		background-color: #327FE8;
		color: #fff;
		border:2rpx solid #327FE8;
	}
	
	
	
	.backHome{
		margin-top: 100rpx;
		text-align: center;
		text-decoration: underline;
		color: #666;
	}
	
	.noticeMessageBg{
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		position: fixed;
		z-index: 998;
		top: 0;
		left: 0;
	}
	.noticeMessageBox{
		width: 690rpx;
		height: 520rpx;
		position: fixed;
		z-index: 99999;
		top: 20%;
		left: 30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		// position: relative;
	}
	.notiecTitle{
		text-align: center;
		line-height: 80rpx;
		border-bottom: 2rpx solid #eee;
		color: #327FE8;
		font-weight: bold;
		font-size: 36rpx;
	}
	.noticeMain{
		padding: 20rpx;
		height: 326rpx;
		font-size: 36rpx;
		line-height: 60rpx;
		overflow-y: scroll;
	}
	
	.noticeBtn{
		background-color: #327FE8;
		color: #fff;
		text-align: center;
		width: 650rpx;
		margin: 0 auto;
		height: 90rpx;
		line-height: 90rpx;
		font-size: 36rpx;
		// position: absolute;
		// bottom: 10rpx;
		// left: 20rpx;
		border-radius: 10rpx;
	}
</style>
